<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: 'remove-watermaker'
  }
</script>
// 由于没有加scoped 所以下面的样式是全局的
<style lang="less">
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");

body {
    font-family: "Source Sans Pro", sans-serif;
    overflow: hidden;
}

#app {
  display: flex;
  flex-direction: column;
  height: 100vh; /* 使应用高度占满整个视口 */
  width: 100vw;
}

/* 根据需要调整 router-view 的样式 */
router-view {
  flex: 1; /* 使 router-view 占据剩余空间 */
}
</style>
